/*样式重置*/
html,body,span,p,input,i,img,ul,li,div,a,h1,h2,h3,h4,h6,h5{margin: 0;padding: 0;box-sizing: border-box;}
html,body{height: 100%;font-family: sans-serif;font-size: 3.5vw;color: #000;}
a{text-decoration: none;color: #000;}
li{list-style: none;}
i{vertical-align: middle;}
 /*公共样式*/
.clearfix:after{display: block;content: '';clear: both;}
.space{width: 100%;height: 1%;background: #EEEEEE;}
.part{width: 100%;border: 1px solid #F8F8F8;}
.part .title{width:100%;height:8vw;line-height:8vw;font-size:3.8vw;border-bottom: 1px solid #eee;position: relative;}
.part .title i{display: inline-block;width: 4vw;}
.title .more{position: absolute;right:2vw;top:0vw;cursor: pointer;color: #FF0036;}
.back{display: block;width: 100%;height: 15vw;line-height: 15vw;background: #FF0036;font-size: 4.5vw;color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.back i{color: #fff;}
.part .title{width: 100%;padding: 0 2%;background: #E0E0E0;font-size: 4vw;}
.part .item{width: 33.3%;float: left;padding: 2vw;position: relative;border-right: 1px solid #eee;
border-bottom: 1px solid #eee;}
.part .item img{width: 100%;height: 100%;}
.part .item .download{background: #058;color: #fff;width: 80%;height:5vw;position: absolute;right: 2vw;top:2vw;line-height: 5vw;}
.part .item .desc{color: #666;}
.part .item .price{color: red;}

/*底部部分*/
.footer{height: 8%;width: 100%;}
.footer .icon i{display:block;width: 100%;font-size: 6vw;text-align: center;}
.footer ul{position: fixed;left: 0;bottom: 0;background: #F7F7F7;width: 100%;}
.footer ul li{padding: 1.5vw 0;float: left;text-align: center;}
.footer ul li:nth-of-type(1){width:24%;}
.footer ul li:nth-of-type(2){width:26%;}
.footer ul li:nth-of-type(3){width:26%;}
.footer ul li:nth-of-type(4){width:24%;}
/*.footer ul li:nth-of-type(5){width:19%;}*/
/*底部部分结束*/